<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<title>主页</title>
		<link rel="stylesheet" href="css/ytui.css" />
		<script src="js/html-size-calculation.js"></script>
		<script src="js/zepto.min.js"></script>
	</head>

	<body class="bg-second  header-fixed nav-fixed">
		<!--头部-->
		<header class="header-bar bg-main cff">
			<h2 class="header-title">猿团汽车宝</h2>
			<div class="header-right fz36">
				<i class="icon icon-user1 "></i>
			</div>
		</header>
		<!--头部-->

		<!--轮播-->
		<div class="yt tx-c fz20 c99 bgff">
			<div class="yt-f1 ptb30">
				<i class="size-s db mar-auto" style="background-image: url(images/icon-dbfw-cc.png)"></i>
				<p class="mt10">维修保养</p>
			</div>
			<div class="yt-f1 ptb30">
				<i class="size-s db mar-auto" style="background-image: url(images/icon-ersc-cc.png)"></i>
				<p class="mt10">运送中</p>
			</div>
			<div class="yt-f1 ptb30">
				<i class="size-s db mar-auto" style="background-image: url(images/icon-jjjy-cc.png)"></i>
				<p class="mt10">待付款</p>
			</div>
			<div class="yt-f1 ptb30">
				<i class="size-s db mar-auto" style="background-image: url(images/icon-wxby-cc.png)"></i>
				<p class="mt10">维修保养</p>
			</div>
			<div class="yt-f1 ptb30">
				<i class="size-s db mar-auto" style="background-image: url(images/icon-qcmr-cc.png)"></i>
				<p class="mt10">待评价</p>
			</div>
		</div>

		<ul class="yt yt-bm p30 bgff mt30 bb pb0">
			<li class="yt-1f3 pr10" style="width:6em">
				<div class="yt-f1  bd">
					<div class="yt-f1">
						<img src="images/pic-sy-cc.png" alt="" />
					</div>
					<p class="yt yt-ac plr10">
						<span class="db fz26 c33 yt-te">车保宝</span><a href="#" class="db fz20 color-red ml10">¥20000.00</a>
					</p>
					<p class="fz20 c66 yt-f1 yt-te plr10 mb10">好车联盟</p>
				</div>
				<p class="tx-c mb20 mt10"><span class="dib fz20 cff p10 bg-red btn"><i class="icon icon-heart mr10"></i>订购</span></p>

			</li>
			<li class="yt-1f3 pr10" style="width:6em">
				<div class="yt-f1  bd">
					<div class="yt-f1">
						<img src="images/pic-sy-cc.png" alt="" />
					</div>
					<p class="yt yt-ac plr10">
						<span class="db fz26 c33 yt-te">车保宝</span><a href="#" class="db fz20 color-red ml10">¥20000.00</a>
					</p>
					<p class="fz20 c66 yt-f1 yt-te plr10 mb10">好车联盟</p>
				</div>
				<p class="tx-c mb20 mt10"><span class="dib fz20 cff p10 bg-red btn"><i class="icon icon-heart mr10"></i>订购</span></p>
			</li>
			<li class="yt-1f3 pr10" style="width:6em">
				<div class="yt-f1  bd">
					<div class="yt-f1">
						<img src="images/pic-sy-cc.png" alt="" />
					</div>
					<p class="yt yt-ac plr10">
						<span class="db fz26 c33 yt-te">车保宝</span><a href="#" class="db fz20 color-red ml10">¥20000.00</a>
					</p>
					<p class="fz20 c66 yt-f1 yt-te plr10 mb10">好车联盟</p>
				</div>
				<p class="tx-c mb20 mt10"><span class="dib fz20 cff p10 bg-red btn"><i class="icon icon-heart mr10"></i>订购</span></p>
			</li>

		</ul>

		<section class="mt30 bgff pb30 bb">
			<div class="yt yt-ac c33 p30">
				<h4 class="fz32 yt-f1 mr10 yt-te">资讯</h4><span class="db fz28 c66">更多》</span>
			</div>
			<div class="img-wrap">
				<img src="images/car_by_mitsubishi.png" alt="" />
			</div>
			<p class="fz28 c33 yt-te yt-f1 plr30 mt10">08款自由舰灵动上市</p>
			<p class="fz24 c33 mt10 plr30">全面升级&nbsp;灵韧静美</p>
		</section>
		<section class="mt30 bgff pb30 bb">
			<div class="yt yt-ac c33 p30">
				<h4 class="fz32 yt-f1 mr10 yt-te">资讯</h4><span class="db fz28 c66">更多》</span>
			</div>
			<div class="img-wrap">
				<img src="images/car_by_mitsubishi.png" alt="" />
			</div>
			<p class="fz28 c33 yt-te yt-f1 plr30 mt10">08款自由舰灵动上市</p>
			<p class="fz24 c33 mt10 plr30">全面升级&nbsp;灵韧静美</p>
		</section>
		<!--尾部-->
		<nav class="nav bg-main">
			<div class="nav-item active">
				<i class="icon icon-home fz42"></i>
				<span class="fz24">首页</span>
			</div>
			<div class="nav-item">
				<i class="icon icon-search fz42"></i>
				<span class="fz24 db">搜索</span>
			</div>
			<div class="nav-item">
				<i class="icon icon-comment fz42"></i>
				<span class="fz24 db">聊天</span>
			</div>
			<div class="nav-item">
				<i class="icon icon-user fz42"></i>
				<span class="fz24 db">我</span>
			</div>
		</nav>

	</body>

</html>